<template>
	<!-- 显示所有银行卡卡片组件 -->
	<view class="add-account-container">
		<top-title-text @closeBtn="closeBtn" titleText="添加账户	"></top-title-text>
		<!-- scroll-view 解决弹框中内容过多时无法上下滑动问题 -->
		<scroll-view scroll-y="true" style="height: 1200rpx;width: 100%;">
			<bank-card @selectBank="selectBank"></bank-card>
		</scroll-view>
	</view>
</template>
<script>
	import topTitleText from '@/components/top-title-text/top-title-text.vue';
	import bankCard from '../bank-card/bank-card.vue';
	export default {
		components: {
			topTitleText, bankCard,
		},
		props: {
		},
		data() {
			return {
				showAccountFlag: true,						// 展示分类
			};
		},
		methods: {
			/** 点击图标事件的回调，这里要回调给index.vue来打开新的弹框
			 * @param {Object} index1 对应银行卡账户的下标（集合）
			 * @param {Object} index2 对应银行卡账户下标的集合下标（图标元素）
			 */
			selectBank(index1, index2) {
				this.$emit("selectBank", index1, index2);
			},
			/**
			 * 点击x按钮函数
			 */
			closeBtn() {
				this.$emit("closeBtn");
			},
			/**
			 * 修改是否展示
			 */
			changeShowAccountFlag() {
				this.showAccountFlag = !this.showAccountFlag;
			}
		},
		mounted(){
			
		},
	};
</script>
<style lang="scss">
	.add-account-container {
		width: 100%;
		min-height: 100rpx;
		font-size: 30rpx;
		padding: 20rpx;
		box-sizing: border-box;
	}
</style>
